<template>
	<view class="news-container">
		<CustomNavbar />
		<view class="news-content">
			<view>newlist</view>
		</view>
		<view class="top">定位到头部</view>
		<view>登录</view>
		<view class="pay-content">
			<button>去结算</button>
		</view>
	</view>
</template>

<script>
	import CustomNavbar from '../../components/customNavbar.vue';
	export default {
		data() {
			return {

			};
		},
		components: {
			CustomNavbar
		},
		created() {
			console.log('news created')
		},
		mounted() {
			console.log('news mounted')
		},
		onLoad() {
			console.log('news onLoad')
		},
		onShow() {
			console.log('news onShow')
		},
		onReady() {
			console.log('news onReady')
		},
		onHide() {
			console.log('news onHide')
		},
		onUnload() {
			console.log('news onUnload')
		}
	}
</script>

<style lang="scss" scoped>
	.news-content {
		background: greenyellow;
	}

	.news-container {
		height: 100%;
	}

	.top {
		position: fixed;
		top: 0;
	}

	.pay-content {
		position: fixed;
		left: 0;
		right: 0;
		width: 100%;
		display: flex;
		justify-content: flex-end;
		text-align: right;
		bottom: var(--window-bottom);
	}
</style>